<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>主页</title>
  <link href="./UI/css/jquery-accordion-menu.css" rel="stylesheet" type="text/css" />
  <script>var webPath = "."; </script>
  <script src="./UI/common/loadCommonCss.js"></script>
  <script src="./UI/common/loadCommonJs.js"></script>
<script src="./UI/js/jquery-accordion-menu.js"></script>
<script src="./mainpage.js"></script>
<script src="./updatePwd.js"></script>

 <style>
  	.cross,.tick{margin-top: -22px; margin-right: 78px}
   
  </style>

<style type="text/css">
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{background:#f0f0f0;}
.content{width:260px;}
.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	width:100%;
}

.navbar-static-side{
	z-index: 2001;
    width: 100%;
}

.img-circle{
  width: 68px;
  height: 68px;
  border-radius: 50%;
}

.clickMenu{
	background:#686767 !important;
}

.gradualColor{
	width:100%;
	height:45px;
	text-align: center;
	background:#5b84b2;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5b84b2',endColorStr='#080c10',gradientType='1');
	background: -moz-linear-gradient(left, #5b84b2, #080c10);
	background: -o-linear-gradient(left,#5b84b2, #080c10);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#5b84b2), to(#080c10));
	z-index:-1;
}

</style>
</head>
<body style="padding:0px;margin:0px;overflow:hidden;width:100%;background:#5b84b2;">
	<div style="width:100%;" id="mainPage">
	<table style="width:100%;border:none !important">
		<tr style="width:100%">
			<td style="width:15%;">
				<div class ="navbar-static-side" id="navMenu">
					<div style="width:100%;margin:0px;" >
						<div  style="margin:0px;padding:0px;width:100%;">
							<div id="jquery-accordion-menu" class="jquery-accordion-menu" style="margin:0px;padding:0px;width:100%;" >
								<div class="jquery-accordion-menu-header" style="height:160px;">
									<img alt="image" style="width:90px;height:90px;margin-left:30px;margin-top:10px;" src="UI/img/logo.png" />
									<h3 style="margin-left:0px;margin-top:0px;">信贷流程管理</h3>
								</div>
								<ul id="demo-list" style="margin:0px;width:100%">
								</ul>
								<div class="jquery-accordion-menu-footer" style="padding-bottom:968px">
								</div>
							</div>
						</div>
					</div>
				</div>
			</td>
			<td style="width:85%;vertical-align:top;">
				<div class="gradualColor" >
					<div class="row">
					  <div class="panel-heading-button pull-right" style="padding-right:140px;">
					 <!--  <ul class="nav">
				            <li class="dropdown">
				                <p class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="false"  style="color:#fff;font-size:18px;margin-right:40px;margin-top:8px;cursor:pointer" id="getUserName1">
							                </p>
				                <ul class="dropdown-menu">
							  		<li><a><span id="changeUserPwd" class="glyphicon glyphicon-retweet" style="cursor:pointer;">&nbsp;修改密码</span></a></li>
				                    
				                    <li class="divider"></li>
				                    <li><a><span id="logout" class="glyphicon glyphicon-off" style="cursor:pointer;">&nbsp;退出</span></a></li>
				                </ul>
				            </li>
				        </ul>   -->
					  	 <table style="border:none !important">
					  		<tr>
					  			<!-- <td id="initWarning"><span style="color:#FFF492;font-weight:bold;margin-right:10px;text-decoration:blink;cursor:pointer" onclick="showUpdatePwModel()">请修改初始密码&nbsp;&nbsp;<i class="icon-arrow-right"></i></span></td> -->
					  			<td>
					  			<div class="dropdown" id="newMessage">
							         		<p class="dropdown-toggle" data-toggle="dropdown" style="color:#fff;font-size:18px;margin-right:40px;margin-top:15px;cursor:pointer"  onclick="showModel()" id="getUserNam">
							                <i class='glyphicon glyphicon-bell'></i><span class="badge" id="tipnums"></span></p>
											  <!-- <ul class="dropdown-menu" id="tipsMenu"> -->
											  		<!-- <li><a><span id="" class="" style="cursor:pointer;">审查人员对贷款申请LOAN20180425081740<br/>审查完成，请您关注审批结果</span></a></li>
								                    <li><a><span id="" class="" style="cursor:pointer;">审查人员对贷款申请LOAN20180425081740<br/>审查完成，请您关注审批结果</span></a></li>
								                    <li><a><span id="" class="" style="cursor:pointer;">审查人员对贷款申请LOAN20180425081740<br/>审查完成，请您关注审批结果</span></a></li>
								                    
								                    <li class="divider"></li>
								                    <li><a><span id=""  style="cursor:pointer;">&nbsp;查看全部</span></a></li> -->
								                <!-- </ul> -->
										</div>
					  			</td>
					  			<td>
						  			<!-- <p style="color:#fff;font-size:18px;margin-right:40px;margin-top:8px;cursor:pointer" id="getUserName1" data-target="#myModal" data-toggle="dropdown" data-placement="bottom" title="点击用户名进行个人密码修改!">xxxx</p>
							  		<span class="caret"></span> -->
							  		 <!-- <ul class="nav">
							            <li class="dropdown">
							                <a href="#" class="dropdown-toggle"  style="color:#fff;font-size:18px;margin-right:40px;margin-top:8px;cursor:pointer" id="getUserName1" data-toggle="dropdown">
							                    Java 
							                    <b class="caret"></b>
							                </a>
							                <ul class="dropdown-menu">
							                    <li><a href="#">jmeter</a></li>
							                    <li><a href="#">EJB</a></li>
							                    <li><a href="#">Jasper Report</a></li>
							                    <li class="divider"></li>
							                    <li><a href="#">分离的链接</a></li>
							                    <li class="divider"></li>
							                    <li><a href="#">另一个分离的链接</a></li>
							                </ul>
							            </li>
							        </ul>  -->
							         <div class="dropdown" id="userDropDown">
							         		<p class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" style="color:#fff;font-size:18px;margin-right:40px;margin-top:15px;cursor:pointer" id="getUserName1"></p>
										  <ul class="dropdown-menu" style="margin-top:0px;">
										  		<li><a><span id="changeUserPwd" class="glyphicon glyphicon-retweet" style="cursor:pointer;">&nbsp;修改密码</span></a></li>
							                    <!-- <li><a ><p id="changeUserPwd"><i class="glyphicon glyphicon-pencil"></i>&nbsp;&nbsp;&nbsp;&nbsp;修改密码</p></a></li> -->
							                    <li class="divider"></li>
							                    <li><a><span id="logout" class="glyphicon glyphicon-log-out" style="cursor:pointer;">&nbsp;退出</span></a></li>
							                </ul>
										</div>
					  			</td>
					  			
					  			<!-- <td><p style="color:#fff;font-size:18px;margin-right:40px;margin-top:8px;cursor:pointer" id="logout"><img  alt="Exit" src="UI/img/Exit.png"/>退出</p></td> -->
					  		</tr>
					  	</table> 
		               </div>
					</div>
				</div>
				<div  style="border-color:#cdcdcd; border-style:solid; border-width:1px; background:#ffffff;width:100%; position:fixed;box-shadow:0px 0px  4px 2px #275588;border-radius:15px;overflow: hidden;">
					<iframe frameborder="0"  style="width:80%;height:1055px;margin-left:0px;border:0" id="subIframe" src="logo.html"></iframe>
				</div>
			</td>
	   </tr>
	</table>
	</div>

     <!-- 密码修改-->
    
	<div class="modal fade inmodal" id="addOrEditModal" tabindex="-1" role="dialog" aria-hidden="true"  >
		<div class="modal-dialog">
			<div class="modal-content animated bounceInRight">
			     <div class="modal-header nt-model-head">
			          <h5 id="action"></h5>	                                         
			     </div>
			     <div class="modal-body">
			     	<form role="form" id="addOrEditForm">
			     		  <div class="row">
						  <div class="form-group">
						    <label for="exampleInputEmail1"  class="col-sm-4 control-label">请输入旧密码：</label>
						    <div class="col-sm-6">
						      <input type="password" class="form-control" id="oldPwd" placeholder="请输入旧密码！" />
						      </div>
						  </div>
						</div>
						<br></br>
						<div class="row">
						  <div class="form-group">
						    <label for="exampleInputPassword1"  class="col-sm-4 control-label">请输入新密码：</label>
						    <div class="col-sm-6">
						    	<input type="password" class="form-control" id="newPwd" placeholder="请输入新密码!" />
						   </div>
						 </div>
					   </div> 
					   <br></br>
						 <div class="row">
						  <div class="form-group">
						    <label for="exampleInputPassword1"  class="col-sm-4 control-label">再次输入密码：</label>
						    <div class="col-sm-6">
						    	<input type="password" class="form-control" id="againPwd" placeholder="请再次输入密码：!" />
						   </div>
						 </div>
						</div> 
					
					</form>
			     </div>
			     <div class="modal-footer text-center" >
			          <button type="button" class="btn btn-white btn-sm" data-dismiss="modal"><i></i>&nbsp;取消</button>
			          <button type="button" class="btn btn-primary btn-sm" id="addOrEditSaveBtn"><i class="fa fa-check"></i>&nbsp; 提交更改</button>
			     </div>
			 </div>
		</div>
	</div>
	
	<!-- 密码修改END-->
	
	<script type="text/javascript">
(function($) {
$.expr[":"].Contains = function(a, i, m) {
	return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
};

})(jQuery);	


</script>



<div class="modal fade inmodal" id="oneTipModal" tabindex="-1" role="dialog" aria-hidden="true"  >
		<div class="modal-dialog" style="width: 950px;">
			<div class="modal-content animated bounceInRight">
			     <div class="modal-header nt-model-head">
			          <h5 id="action">通知列表</h5>	                                         
			     </div>
			     <div class="modal-body" style="height:350px;overflow-y:auto;">
		     		<table class="table table-bordered" id="tipTable" style="width:100%;word-break: keep-all !important;">
							<tr>
								<td class="propertyName"><i class=" glyphicon glyphicon-list"></i>  贷款人姓名:</td>
							</tr>
							
						</table>
			     </div>
			     <div class="modal-footer text-center" >
			          <button type="button" class="btn btn-default btn-sm" data-dismiss="modal"><i></i>&nbsp;取消</button>
			          <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="deleteMsgAll()"><i></i>&nbsp;忽略全部</button>
			          
			     </div>
			 </div>
		</div>
	</div>

</body>
</html>
